<!DOCTYPE html>
<html>

<head>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>百度地图</title>
  <!-- 引入百度地图的在线 JS-SDK  -->
  <!-- 2.0 API 开发时推荐使用 2.0 方便测试-->
  <script src="http://api.map.baidu.com/api?v=2.0&ak=isS7SwIUMx25en8CNxbsbHbQsmaEZB4f"></script>
</head>

<body>
  <h1>优先调用浏览器H5定位接口，如果失败会调用IP定位，不需要绘制地图</h1>
  <h2>推荐使用</h2>
  <script>
    // GPS地理位置 - 国内谷歌地图无法正常，手机端谷歌浏览器用户可以忽略
    // 升级后的接口需要授权和 https 服务器才能体验到最完整的功能
    const geolocation = new BMap.Geolocation();
    geolocation.getCurrentPosition(function (res) {
      if (this.getStatus() == BMAP_STATUS_SUCCESS) {
        alert('您的位置：' + res.address.city);
        console.log('返回值', res);
      }
      else {
        alert('failed' + this.getStatus());
      }
    });
  </script>
</body>

</html>